@charset "UTF-8";
.collectBox .navs {
  height: 36px;
  border-bottom: 1px solid #f2f2f2;
  line-height: 36px;
}

.collectBox .navs ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 16px;
}

.collectBox .navs ul li {
  box-sizing: border-box;
}

.collectBox .navs ul li.active {
  border-bottom: 4px solid #308eea;
  border-radius: 2px;
}

.collectBox .fullscreen-video {
  width: 100%;
  height: 50vh;
  object-fit: cover;
  /*视频内容覆盖整个容器，可能会被裁剪 */
}

.listItem {
  width: 100%;
  margin-top: 4px;
  padding: 20px;
  box-sizing: border-box;
  background-color: white;
}

.listItem .title {
  display: flex;
  justify-content: space-between;
}

.listItem .title h3 {
  font-size: 16px;
  color: #333;
}

.listItem .title .HB {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.listItem .title .HB img {
  width: 20px;
  height: 20px;
}

.listItem .title .HB span {
  margin-left: 6px;
  font-size: 13px;
  color: #d92109;
}

.listItem .time {
  font-size: 10px;
  color: #333;
  margin: 10px 0 8px 0;
}

.listItem .detail {
  font-size: 12px;
  color: #333;
  line-height: 20px;
}

.listItem .collect {
  display: flex;
  justify-content: flex-end;
  /* Changed to flex-end for right alignment */
  margin-top: 16px;
  font-size: 10px;
  color: #333;
}

.listItem .collect li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 14px;
}

.listItem .collect li span {
  margin-left: 6px;
}

.dl1 {
  display: flex;
  border-bottom: 1.6px solid gainsboro;
}

.dl1 dt img {
  padding: 10px;
  width: 197px;
  height: 111px;
}

.dl1 dd {
  padding: 20px 0;
}

.dl1 dd p {
  display: flex;
  justify-content: space-between;
}

.dl1 dd p span {
  font-size: 12px;
}
